<template>
  <div class="grid">
    <h2>{{value.title}}</h2>
    <p>{{value.content}}</p>
  </div>
</template>

<script>
    export default {
      name: "Grid",
      props:{
          value:{
            type: Object,
            default: () => {
              return {}
            }
          }
      },
      created(){

      }
    }
</script>

<style lang="scss" scoped>
.grid{
  flex-grow: 1;
  flex-basis: 30%;
  max-width: 30%;
  padding: 10px 6px;
  h2{
    color: $themeClr;
    margin: 6px 0;
  }
  p{
    font-size: 16px;
    line-height: 24px;
    color: #787878;
    white-space: pre-wrap;
    word-break: break-word;
  }
}
</style>
